body {
	background-color: #ffffff;
	color: grey;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: small;
	padding: 5pt;
}

/* BEGIN: layout*/
#container {
	background-image:url("#{resource['images:bg.png']}");
	background-repeat: no-repeat;
	text-align: justify;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;
	left: 0px;
	top: 0px;
	width:930px;
	height:690px;
	z-index:1;
	top: 30px;
	left: auto;
	text-decoration: none;
}

#header {
	width:860px;
	padding-top: 100px;
	margin-left:40px;
	margin-bottom: 10px;
}

#logo {
	float: left;
	margin-left: 10px;
}

#login {
	float: right;
	margin-right: 10px;
}

#main {
	width:860px;
	height:550px;
	margin-left:60px;
}

#left {
	margin-left: 20 px;
	float: left;
	width: 160px;
}

#center {
	padding-right:55px;
	float: right;
	width: 550px;
	height: 485px;
	font-size: small;
	text-align: left;
	overflow-x: auto;
	overflow-y: auto;
	
}

#footer {
	border-top: 1px solid black;
	font-size: small;
	margin-top: 10px;
	clear: both;
	text-align: right;
	margin-top: 10px;
}

.fieldset {
    border-color: #cccccc;                                                                                                                                                                                   
    border-style: solid;                                                                                                                                                                                           
    border-width: 1px; 
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px; 
    margin-top: 10px;                                                                                                                                                                                           
}

.clear {
	clear: both;
}
/** Navigation **/

.navi {
	font-size: small;
}

span.navi {
	font-size: small;
	color: #DCDAD5;
}

.navi:hover {
	color: green;
}

.naviactive {
	color: green;
}

.naviExtern:hover {
	color: blue;
}

.linkWiki:hover {
	color: orange;
}

.welcomeText {
	font:85% Verdana,Arial,Helvetica,sans-serif;
	color: gray;
	text-align: justify;
	margin-right: 50px;
}

.welcomeLink {
	font:95% Verdana,Arial,Helvetica,sans-serif;
	color: orange;
}


/** START: button **/

.button {
	color: red;
	font:80% Verdana,Arial,Helvetica,sans-serif;
	background-color: #fcfcfc;
	border: 1px;
	cursor: pointer;
	}

.buttongray {
	color: gray;
	font:80% Verdana,Arial,Helvetica,sans-serif;
	background-color: #fcfcfc;
	border: 1px;
	cursor: pointer;
	}

.buttonActivate {
	color:#409300 ;
	font:80% Verdana,Arial,Helvetica,sans-serif;
	background-color: #fcfcfc;
	border-color: #62AA2A ;
	border: 1px;
	font-weight: bold;
	cursor: pointer;
	
}

.buttonDeactivate {
	color: grey;
	font:80% Verdana,Arial,Helvetica,sans-serif;
	background-color: #fcfcfc;
	border: 1px;
	cursor: pointer;	
}

.buttonInfo {
	color: #7279D8;
	font:80% Verdana,Arial,Helvetica,sans-serif;
	background-color: #fcfcfc;
	border-color: blue;
	border: 1px;
	cursor: pointer;
}

.buttonDelete {
	color:#FCB32B;
	font:80% Verdana,Arial,Helvetica,sans-serif;
	background-color: #fcfcfc;
	border-color:#BF3030;
	border: 1px;
	cursor: pointer;
}

.buttonEdit {
	color:#A6D400;
	font:80% Verdana,Arial,Helvetica,sans-serif;
	background-color: #fcfcfc;
	border-color:#52A529 ;
	border: 1px;
	cursor: pointer;
}

.buttonEdit2 {
	color:#52A529;
	font:90% Verdana,Arial,Helvetica,sans-serif;
	background-color: #fcfcfc;
	border-color:#52A529 ;
	border: 1px;
	cursor: pointer;
}

.buttonCreateNew {
	color:#409300 ;
	font:90% Verdana,Arial,Helvetica,sans-serif;
	background-color: #fcfcfc;
	border-color: #62AA2A ;
	border: 1px;
	cursor: pointer;
}

.buttonSave {
	color:#409300 ;
	font:90% Verdana,Arial,Helvetica,sans-serif;
	background-color: #fcfcfc;
	border: 1px;
	cursor: pointer;
}

.buttonCancel {
	color:#FCB32B;
	font:90% Verdana,Arial,Helvetica,sans-serif;
	background-color: #fcfcfc;
	border: 1px;
	cursor: pointer;
}

.buttonLogin {
	color: grey;
	font:80% Verdana,Arial,Helvetica,sans-serif;
	background-color: white;
}

.buttonLogout {
	color: grey;
	font:80% Verdana,Arial,Helvetica,sans-serif;
	background-color: white;
}

.schema {
	color: #7279D8;
	font:90% Verdana,Arial,Helvetica,sans-serif;
}

.label {
	color: grey;
	font:90% Verdana,Arial,Helvetica,sans-serif;
	margin-right:10px; 
	margin-left: 10px;
}

.liste {
	color: darkgrey;
	font:100% Verdana,Arial,Helvetica,sans-serif;
	border-color: lightgrey;
}

.titel {
	color: #409300 ;
	font: Verdana,Arial,Helvetica,sans-serif;
}

.StatusActivated {
	color: green;
}

.StatusDeactivated {
	color: grey;
}


/** END: button **/


.consoleError {
	color: red;
}

a {
	color: gray;
	text-decoration: none;
	font-size: small;
}


.textarea {
	width: 850px;
	height: 200px;
	margin: 20px 0px;
}

.errorMsg {
	color: red;
}

.attention {
	font:70% Verdana,Arial,Helvetica,sans-serif;
	color: #FA6666;
}

.noattention {
	font:70% Verdana,Arial,Helvetica,sans-serif;
	color: gray;
}

.collapsiblePanel {
	margin-top: 20px;
}

.collapsiblePanel .header {
	margin-bottom: 10px;
}

.collapsiblePanel .content {
	margin-bottom: 10px;
}

.statusPanel {
	
}

#PLEASEWAIT_BG {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 10;
	opacity: .20;
	filter: alpha(opacity = 50);
	-moz-opacity: 0.2;
	background-color: gray;
	display: none;
}

#PLEASEWAIT {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -100px;
	margin-top: -50px;
	height: 100px;
	width: 200px;
	z-index: 11;
	background-color: transparent;
	text-align: center;
	font-size: small;
	display: none;
	color:grey;
	font-family:"Courier New",Courier,monospace;
	font-weight:normal;
}

/* begin curved div */
.curved {
	background: transparent;
	width: 100%;
}

.curved p {
	padding: 0.5em;
	margin: 0 10px;
}

.curved .b1 {
	display: block;
	overflow: hidden;
	height: 1px;
	margin: 0 4px;
	background: black;
	font-size: 1px;
}

.curved .b2 {
	display: block;
	overflow: hidden;
	background: white;
	border-left: 2px solid black;
	border-right: 2px solid black;
	margin: 0 3px;
	height: 1px;
	font-size: 1px;
}

.curved .b3 {
	display: block;
	overflow: hidden;
	height: 1px;
	background: white;
	border-left: 1px solid black;
	border-right: 1px solid black;
	margin: 0 2px;
	font-size: 1px;
}

.curved .b4 {
	display: block;
	overflow: hidden;
	height: 2px;
	margin: 0 1px;
	background: white;
	border-left: 1px solid black;
	border-right: 1px solid black;
	font-size: 1px;
}

.curved .boxcontent {
	display: block;
	background: white;
	border: 0 solid black;
	border-width: 0 1px;
}
/* end curved div */

